/* 大板芯 */
.W{
	width: 93%;
	max-width: 1800px;
	margin: 0 auto;
}
/* 小版心 */
.ww{
	width: 85%;
	max-width: 1428px;
	margin: 0 auto;
}
/* 顶部导航样式 */
.header{
	width: 100%;
	height: 25px;
	background-color: #111111;
	.bar{
		/* 让ul跑到网页右侧结尾位置 */
		display: flex;
		justify-content: flex-end;
	}
	ul{
		display: flex;
		height: 25px;
		line-height: 25px;
		li{
			color: #ccc;
			margin-left: 20px;
			font-size: 12px;
			font-family: 宋体;
		}
		span{
			vertical-align: center;
			margin-right: 4px;
			font-size: 14px;
		}
	}
}
/* 头部样式 */
.nav{
	border-bottom: 1px solid #e2e2e2;
}
.nav-in{
	height: 66px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* logo图 */
	h1{
		width: 133px;
		margin-top: -12px;
	}
	
	.list{
		display: flex;
		height: 66px;
		line-height: 66px;
		li{
			margin: 0 20px;
			font-size: 14px;
			border-bottom: 3px solid transparent;
		}
		li:hover{
			border-bottom: 1px solid #c7000b;
		}
	}
	.right .pc-hide{
		display: none;
	}
	.right a{
		margin-left: 20px;
		font-size: 16px;
		font-weight: 700;
		.icon-xialajiantouxiao{
			font-size: 12px;
		}
	}
}
/* 最大宽度不超过1920px  */
.con{
	/* 轮播图 */
	.pc-hide{
		display: none;
	}
	max-width: 1920px;
	margin: 0 auto;
	.banner{
		position: relative;
		.banner-title{
			position: absolute;
			width: 140px;
			height: 36px;
			border: 1px solid #111;
			text-align: center;
			line-height: 40px;
			left: 46%;
			bottom: 24%;
			font-size: 14px;
			&:hover{
				color: #fff;
				background-color: #c7000b;
				border: 1px solid #c7000b;
			}
		}
	}
}
/* 推荐信息 */
.recommend{
	.recommend-title{
		text-align: center;
		padding: 40px 0;
		font-size: 24px;
		&::after{
			content:'';
			display: block;
			width: 50px;
			height: 2px;
			background-color: #c7000b;
			margin: 5px auto;
		}
	}
	/* 图片部分 */
	.list{
		display: flex;
		// 两端对齐
		justify-content: space-between;
		margin-bottom: 30px;
		li{
			overflow: hidden;
			position: relative;
		}
		li:nth-child(1){
			width: calc(67% - 15px);
		}
		li:nth-child(2){
			width: calc(33% - 15px);
		}
		// 文字
		.text{
			position: absolute;
			bottom: -20px;
			color: #fff;
			left: 20px;
			transition: 0.6s;
			line-height: 26px;
		    #title{
				opacity: 0.7;
				margin-bottom: 12px;
			}
			
			b{
				color: #c7000b;
				margin-left: 6px;
			}
		}
		li:hover .text{
			bottom: 20px;
			z-index: 2;
		}
		li img{
			transition: 0.4s steps(10);
			z-index: -1;
			position: relative;
		}
		li:hover img{
			transform: scale(1.1);
		}
		li::before {
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			opacity: 0;
			background: linear-gradient(178deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6));
			transition:0.5s;
			z-index: 1;
		}
	li:hover::before {
			opacity: 1;
		}
	}
	.list02{
		margin-bottom: 30px;
		li:nth-child(1){
			width: calc(33% - 15px);
		}
		li:nth-child(2){
			width: calc(67% - 15px);
		}
	}
	#list03{
		li{
			width: calc(33% - 15px);
		}
		margin-bottom: 120px;
	}
}

.banner-bottom{
		position: relative;
	}
	.banner-bottom .more{
		position: absolute;
		width: 120px;
		height: 40px;
		border: 1px solid #111;
		left: 16%;
		bottom: 24%;
		text-align: center;
		line-height: 40px;
		font-weight: 700;
		&:hover{
			color: #fff;
			background-color: #c7000b;
			border: 1px solid #c7000b;
		}
	}
/* 新闻与活动 */
.news{
	.news-title{
		text-align: center;
		padding: 40px 0;
		font-size: 24px;
		&::after{
			content:'';
			display: block;
			width: 50px;
			height: 2px;
			background-color: #c7000b;
			margin: 5px auto;
		}
	}
		.new-con{
			display: flex;
			justify-content: space-between;
			li{
				position: relative;
				width: calc(33.33% - 20px);
				height: 445px;
				background-color: #f8f8f8f8;
			.newstxt{
				padding: 25px 28px 36px;
				h4{
					font-size: 16px;
					margin-bottom: 10px;
				}
				.address-text{
					margin-top: 24px;
					color: #666;
				}
				span{
					color: #333;
					margin-right: 18px;
				}
			}
			}
			.out{
				  overflow-y: scroll;
				  height: 407px;
				  margin-top: 38px;
			}
			.xinwen{
				line-height: 40px;
				a:hover{
					color: #c7000b;
				}
				h4{
					font-size: 16px;
				}
				a{
					display: block;
					margin: 10px 24px;
				}
			}
			/* 超出部分隐藏 */
			.new-image{
				overflow: hidden;
			}
		}
	.new-con > li:nth-child(1),.new-con > li:nth-child(2){
		position: relative;
		&:hover{
			background-color: #f2f2f2;
		}
		&:hover img{
			transform: scale(1.1);
		}
		img{
			 transition: 0.7s;
		}
	}
	.new-con > li::after {
	  content: '展会活动';
	  position: absolute;
	  left: 0;
	  top: 0;
	  display: block;
	  width: 108px;
	  height: 38px;
	  background-color: #999999;
	  text-align: center;
	  line-height: 38px;
	  color: #fff;
	}
	.new-con > li:last-child::after {
	  content: '新闻';
	  width: 80px;
	}

}
/* 新闻底部 */
.con{
	.new-bottom{
		a{
			display: flex;
			justify-content: center;
		}
		li{	
			margin: 40px 20px;
			width: 170px;
			height: 40px;
			border: 1px solid #111;
			text-align: center;
			line-height: 40px;
			font-weight: 700;
			
			&:hover{
				background-color: #c7000b;
				color: #fff;
				border: 1px solid #c7000b;
			}
		}
		
	}
}

/* 底部 */
.foot{
	.pc-hide{
		display: none;
	}
	background-color: #f2f2f2;
	margin-top: 30px;
	padding-top: 20px;
	.foot-top{
		.right{
			position: relative;
			i{
				position: absolute;
				right: 16%;
				color: #ccc;
				height: 48px;
				line-height: 48px;
				
			}
		}
		.right input{
			width: 73%;
			height: 48px;
			line-height: 48px;
			border: 1px solid #d4d4d4;
			padding-left: 20px;
			outline: none;
			font-size: 16px;
			padding-right: 50px;
			&:focus{
				border: 1px solid #bebdbd;
				color: #282828;
				-webkit-box-shadow: 0px 3px 8px #d4d4d4;
				box-shadow: 0px 3px 8px #d4d4d4;
				
			}
		}
		.right span{
			color: #999999;
			font-size: 22px;
			height: 48px;
			line-height: 48px;
			position: absolute;
			right: 4%;
			
		}
		display: flex;
		justify-content: space-between;
		height: 65px;
		align-items: center;
		border-bottom: 2px solid #e3e3e3;
	}
	.footer-center{
		border-bottom: 2px solid #e3e3e3;
		margin-bottom: 40px;
		display: flex;
		dl{
			margin-top: 40px;
			width: 20%;
			box-sizing: border-box;
			line-height: 40px;
			margin-bottom: 30px;
		}
		dt{
			font-size: 16px;
		}
	}
	/* 底部图标样式 */
	.foot-bottom{
		display: flex;
		justify-content: space-between;
		ul{
			display: flex;
			justify-content: center;
			font-size: 14px;
			padding-bottom: 20px;
			li{
				margin: 0 8px;
			}
		.icon{
			display: flex;
		  }
			
		}
		.icon li{
			font-size: 32px;
			margin-left: 10px;
			color: #666;
			&:hover{
				color: #333;
			}
			
		}
		.icon .icon-zhihu-square-fill{
			font-size: 40px;
			margin-top: -4px;
		}
	}
}
/* 版权信息 */
.copy{
	height: 50px;
	background-color: #e6e6e6;
	display: flex;
	justify-content: center;
	line-height: 50px;
	color: #666;
	/* 左侧信息 */
	.copy-left{
		margin-right: 32px;		
	}
	a{
		margin-right: 6px;
		color: #666;
	}
	i{
		margin: 0 20px;
		color: #666;
	}
	.copy-right a{
		margin-left: 12px;
		color: #666;
	}
}